<template>
  <div>
    <h2>我是count组件</h2>
<!--通过父组件传递过来的方法来实现count的点击更改数据并渲染视图-->
<button @click="changeCount(2)">累加父组件传的方法</button>
    <button @click="add">查看组件实例</button>
<!-- 查看父组件传递过来的值的变化  -->
    <p class="count">{{count}}</p>
  </div>
</template>


<script>
export default {
  name:"count",
    data(){
      return{
        count1:this.count
      }
    },
    //接收父组件传过来的值
    props:["count","changeCount"],
    methods:{
      add(){
        //Count组件实例对象
        console.log(this);
        console.log(this.count)
        console.log(this.$props.count)
      }
    }
}
</script>


<style></style>